@import "../../../both/mixin";
$namespace : "person_footer";
//$href_width : ((402-40*3)/3)px;

.#{$namespace}_cr.bln{
  color : #9FB3C5;
  text-align: center;
  min-width: 1220px;

  &:before{
    display: inline-block;
    content : "";
    vertical-align: middle;
    height : 100%;
  }

  background-color : #434D57;
  height : 200px;

  ul.#{$namespace}_body{

    margin : 0 auto;
    width : 1220px;
    display: inline-block;
    list-style : none;
    vertical-align: middle;

    li.footer_item{
      display: block;
      float : left;
      width : (1220px / 3) - 4px;

      &.border_r_l{
        border-left : 1px solid #677583;
        border-right : 1px solid #677583;
      }

      div.site_name{
        font-size : 30px;
        padding : 0 25px;
        text-align: left;
      }

      div.site_intro{
        text-align: left;
        word-wrap: break-word;
        padding : 10px 25px 0;
        line-height : 24px;
        letter-spacing: 1px;
      }


      @include cf("ul.sites_href");
      ul.sites_href{
        list-style: none;

        li{
          text-align: center;
          width : #{(402-40*3)/3 - 1}px;
          display: block;
          float : left;
          margin : 0 20px 20px;

          a{
            text-decoration: none;
            color : #9FB3C5;
          }

          a:visited{
            color : #9FB3C5;
          }

        }

        li:last-child{
          margin: 0 20px 0;
        }
      }


      @include cf("ul.connect_icons");
      ul.connect_icons{
        list-style: none;
        display: block;
        margin : 0 auto;
        width : #{(35 + 10) * 2}px;
        margin-top : 20px;

        li{
          display: block;
          float : left;
          width : 35px;
          height : 35px;
          margin: 0 5px;
          line-height : 35px;
          text-align: center;
        }

        li.weixin,li.weibo,li.qq{
          background-image : url("../../../../../img/footer-sprite.png");
          background-repeat: no-repeat;
        }

        li.weixin{
          background-position: 0 -279px;
        }

        li.weibo{
          background-position: 0 -321px;
        }

        li.qq{
          background-position: 0 -363px;
        }

        a{
          display: inline-block;
          width : 35px;
          height : 35px;
        }
      }

    }
  }

  .footer-copyright{
    position: relative;
    height : 59px;
    font-size : 12px;
    line-height: 20px;
    background-color : #434D57;

    a{
      color : #9FB3C5;
      text-decoration: underline;
    }
  }
}